import React from 'react';
import { List, Typography, Divider, Card } from 'antd';
import './Banlist.css'
class Activity extends React.Component {

    render() {
        const data = [
            {
                title: '纯净服规则',
                message: <div>
                    <p>纯净服材料自备</p>
                    <p>纯净服模组有限，主题围绕新年</p>
                    <p>把服务器装饰的更有年味一些吧!</p>
                    <p>纯净服活动区域为主城附近东西南北200格，若建筑面积太大可适当扩充</p>
                </div>
            },
            {
                title: '模组服规则',
                message: <div>
                    <p>模组服除特殊需求材料外材料自备，给你们个大量廉价方块的思路，ic2建筑泡沫+拟态板</p>
                    <p>模组服由于模组较多，可以适应更多主题</p>
                    <ul class='styleList'>
                        <li>主题1:和纯净服一样，搞点新年的东西</li>
                        <li>主题2:利用服务器的科技元素，搞赛博朋克主题</li>
                        <li>主题3:利用服务器的和风和车万女仆的元素，搞东方主题</li>
                    </ul>
                    <p>主题1活动区域为/warp a1指令所在区域，主题2活动区域为/warp a2指令所在区域主题3以此类推</p>
                    <p>只需在对应区域内建筑即可</p>
                </div>
            },
        ];
        const data2 = [
            '遵循主题和建筑区域可获得全部得分',
            '主题不符扣百分之20',
            '建筑区域不符扣百分之15',
            '平均分为恒定50分，高分吃低分',
            '群有评分占百分之60，腐竹主观评分占百分之40',
          ];
          const data3 = [
            '纯净服和模组服奖励分离，以下主要为模组服奖励',
            '前百分之15为一等奖，百分之15-45为二等奖，百分之45-90为三等奖，后百分之10为参与奖',
            '若发现注水作品不予参加评奖',
            '其中第一名奖励为红包30元，第二名奖励为红包20元，第三名奖励为红白10元',
            '一等奖奖励为随意选择和神龙镐等价值的物品',
            '二等奖奖励为随意选择和量子套等价值的物品',
            '三等奖奖励为随意选择和纳米套等价值的物品',
            '参与奖奖励为随意选择和一组铁块等价值的物品',
            '根据作品量和作品质量的不同本奖励规则可能适当调整',
            '奖励的最终解释权归腐竹所有(怕事.html)'
          ];
        return (
            <div>
                <p><font size='5'>截至大年30，模组服和纯净服共同举行建筑比赛</font></p>
                <div><List
                    grid={{
                        gutter: 16,
                        xs: 1,
                        sm: 2,
                        md: 4,
                        lg: 4,
                        xl: 6,
                        xxl: 2,
                    }}
                    dataSource={data}
                    renderItem={item => (
                        <List.Item>
                            <Card title={item.title}>{item.message}</Card>
                        </List.Item>
                    )}
                /></div>
                <br />
                <div>
                    <List
                        header={<div>评分规则</div>}
                        footer={<div>规则是死的，人是活的，但是如果有考虑不到的地方也会酌情调整</div>}
                        bordered
                        dataSource={data2}
                        renderItem={item => (
                            <List.Item>
                                <Typography.Text mark></Typography.Text> {item}
                            </List.Item>
                        )}
                    />
                </div>
                <br /><br />
                <div>
                    <List
                        header={<div>奖励规则</div>}
                        footer={<div>规则是死的，人是活的，但是如果有考虑不到的地方也会酌情调整</div>}
                        bordered
                        dataSource={data3}
                        renderItem={item => (
                            <List.Item>
                                <Typography.Text mark></Typography.Text> {item}
                            </List.Item>
                        )}
                    />
                </div>
                <br />
                <p>你们不好好反思，看看一周目多少好看的建筑，现在为了冲科技线露宿街头，不参加的拖走(dog)</p>
            </div>
        );
    }
}

export default Activity;
